@charset 'UTF-8';

/* 顶部轮播 */
.swiper-lunbo{
	overflow: hidden;
}
.swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:#ffffff;
	border-radius:7.5px;
	opacity:.5;
}
.swiper-slide{
	width:100%;
}
.swiper-pagination-bullet-active{
	transition:.3s;
	width:60px;
	opacity:.8;
}
/* 分类标题 */
h2.classtitle{
	margin:28px 0;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	border-left:5px solid #59abe8;
}
h2.classtitle strong,h2.classtitle em,h2.classtitle span{
	vertical-align: top;
}
h2.classtitle span{
	float: right;
}
/* 控制方案 */
div.case > ul > li{
	margin-right: 22px;
	width: 283px;
	height: 365px;
	background-color: #fff;
	transition: .3s;
	bottom:0;
}
div.case > ul > li:last-of-type{
	margin-right:0;
}
div.case > ul > li h3{
	margin:30px 0 20px;
	font-size: 22px;
}
div.case > ul > li p{
	height: 63px;
	overflow: hidden;
}
div.case > ul > li span{
	color: #fff;
	width: 100%;
	bottom: 12px;
	transition: .3s;
}
div.case > ul > li > a{
	left: 0;
	top: 0;
	width: 273px;
	height: 355px;
	border:5px solid transparent;
	transition: .3s;
}
div.case > ul > li:hover{
	box-shadow: 0px 7px 17px #dedede;
	bottom:5px;
}
div.case > ul > li:hover span{
	color: #666;
}
div.case > ul > li:hover > a{
	border:5px solid #59abe8;
}
/* 首页产品 */
.product{
	margin-top: 55px;
	height: 420px;
	background-color: #303030;
}
.product .w{
	background-color:#000;
}
.product ul li{
	height: 420px;
	width: 240px;
}
.product ul li > div{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(85,168,231,0);
	transition: .3s;
}
.product ul li > div span{
	margin:120px 0 30px;
	width: 100%;
	text-align: center;
	transition: .3s;
}
.product ul li > div h3{
	height: 30px;
}
.product ul li > div p{
	opacity: 0;
	line-height: 2;
	transition: .3s;
}
.product ul li > a{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.product ul li:hover > div{
	background-color: rgba(85,168,231,.7);
}
.product ul li:hover > div p{
	opacity: 1;
}
.product ul li:hover > div span{
	margin:80px 0 30px;
}
.product .swiper-button-prevP{
	z-index: 99999999;
	margin-top: -75px;
	left:50%;
	margin-left:-700px;
	width: 76px;
	height: 151px;
	background:url(../images/n-p.png) left top;
	opacity: .3;
	transition: .3s;
}
.product .swiper-button-nextP{
	z-index: 999;
	margin-top: -75px;
	right:50%;
	margin-right: -700px;
	width: 76px;
	height: 151px;
	background:url(../images/n-p.png) right top;
	opacity: .3;
	transition: .3s;
}
.product .swiper-button-prevP:hover,.product .swiper-button-nextP:hover{
	opacity: 1;
}
/* 案例集锦 */
.map > ul > li.w248{
	width: 248px;
}
.map > ul > li.w504-h346{
	width: 484px;
	height: 346px;
}
.map > ul > li.w170-h346{
	width: 170px;
	height: 346px;
}
.map > ul li.w10{
	width: 10px;
	height: 346px;
}
.map > ul li.w20{
	width: 20px;
	height: 346px;
}
.map > ul li.h10{
	height: 10px;
}
.map > ul li{
	overflow: hidden;
}
.map > ul li.scale img{
	transition: .3s;
}
.map > ul li.scale img:hover{
	transform: scale(1.2);
}
.map > ul li span{
	left: 10px;
	top: 10px;
}
/* 关于我们 & 新闻中心 */
.abnes{
	margin-top: 50px;
}
.abnes > div.fl-l{
	width: 590px;
	height: 306px;
	background-color: #54a8e6;
}
.abnes > div.fl-r{
	width: 590px;
	height: 306px;
	background-color: #fff;
}
.abnes > div.fl-l > div.fl-l{
	width: 235px;
	height: 100%;
	padding: 30px;
}
.abnes > div.fl-l > div.fl-l > h4{
	margin-bottom: 28px;
}
.abnes > div.fl-l > div.fl-l > p{
	line-height: 1.8;
}
.abnes > div.fl-l > div.fl-r{
	width: 295px;
	height: 100%;
}
.abnes > div.fl-l > div.fl-r > i{
	top:50px;
	border: 10px solid transparent;
	border-left-color:#54a8e6;
	border-right:none;
}
.abnes > div.fl-l > a{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: .3s;
	background-color: #0579ce;
	opacity: 0;
}
.abnes > div.fl-l > a:hover{
	opacity: .3;
}
.abnes > div.fl-r > h2{
	margin:20px 25px 25px;
}
.abnes > div.fl-r > div{
	margin: 0 25px;
	padding-bottom: 20px;
	height: 120px;
	border-bottom:1px dashed #ddd;
}
.abnes > div.fl-r > div > div.fl-l{
	width: 250px;
	height: 100%;
}
.abnes > div.fl-r > div > div.fl-r{
	width: 270px;
	height: 100%;
}
.abnes > div.fl-r > div > div.fl-r p{
	height: 58px;
}
.abnes > div.fl-r > div > div.fl-r span{
	font-family: "verdana";
	font-size: 12px;
}
.abnes > div.fl-r > ul{
	font-family: "verdana","Microsoft Yahei";
	margin: 10px 25px;
}
.abnes > div.fl-r > ul > li{
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.abnes > div.fl-r a{
	transition: .2s;
}
.abnes > div.fl-r a:hover{
	color: #3698db;
}